<!DOCTYPE html>
<html>
 <head>
  <title> 喵喵图书首页 </title>
  <meta charset="utf-8"/>	
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/miao.css">
 </head>
 <body>

<!-- 页头、搜索框 -->
	<div id='top'></div>

<!-- 店铺标签 -->
	<div id="logo">
		<div class="lf"><b>喵 &nbsp; 喵 &nbsp; 图 &nbsp; 书</b></div>
	</div>

<!-- banner部分 -->
	<div id="header">
		<!-- 商品分类 -->
		<ul class="sorted">
			<li><a href="#">图书排行榜</a></li><span>|</span>
			<li><a href="#">童书</a></li><span>|</span>
			<li><a href="#">教辅</a></li><span>|</span>
			<li><a href="#">小说</a></li><span>|</span>
			<li><a href="#">成功励志</a></li><span>|</span>
			<li><a href="#">管理</a></li><span>|</span>
			<li><a href="#">传记</a></li><span>|</span>
			<li><a href="#">历史</a></li><span>|</span>
			<li><a href="#">养生保健</a></li><span>|</span>
			<li><a href="#">亲子家教</a></li><span>|</span>
			<li><a href="#">青春文学</a></li><span>|</span>
			<li><a href="#">新书预售</a></li>
		</ul>
		<!-- 横幅广告 -->
		<div id='scroll'>
			<img src="img/scroll.jpg" alt="" />
		</div>
		<!-- 广告消息部分 -->
		<div id="header_container">
			<!-- 弹出框 -->
			<div id="header_left">
				<ul class="header_popup">
					<li class='classify'>图书分类</li>
					<li class='chuck' id='contain'>
						<b></b>
						<ul>
							<a href="#" class='contain'>教育</a><br>
							<li><a href="#">教材</a></li><span class='line'>|</span>
							<li><a href="#">外语</a></li><span class='line'>|</span>
							<li><a href="#">考试</a></li><span class='line'>|</span>
							<li><a href="#">中小学教辅</a></li>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">教材</a>
									<p>
										<a href="#">研究生/本科</a>
										<a href="#">高职高专教材</a>
										<a href="#">中职教材</a>
										<a href="#">成人教育教材</a>
										<a href="#">公共课</a>
										<a href="#">经济管理类</a>
										<a href="#">工学类</a>
										<a href="#">文法类</a>
										<a href="#">医学类</a>
										<a href="#">理学类</a>
										<a href="#">农学</a>
										<a href="#">更多</a>
									</p>
								</div>
								<div>
									<a href="#">外语</a>
									<p>
										<a href="#">英语综合教程</a>
										<a href="#">英语专项训练</a>
										<a href="#">英语读物</a>
										<a href="#">英语考试</a>
										<a href="#">英语小工具</a>
										<a href="#">新概念</a>
										<a href="#">口语</a>
										<a href="#">听力</a>
										<a href="#">英文版读物</a>
										<a href="#">IELTS</a>
										<a href="#">TQEFL</a>
										<a href="#">GRE</a>
										<a href="#">GMAT</a>
										<a href="#">SAT</a>
										<a href="#">TOEIC</a>
										<a href="#">BEC</a>
										<a href="#">翻译资格</a>
										<a href="#">专四八</a>
										<a href="#">日语</a>
										<a href="#">法语</a>
										<a href="#">韩语</a>
										<a href="#">更多</a>
									</p>
								</div>
								<div>
									<a href="#">考试</a>
									<p>
										<a href="#">学历考试</a>
										<a href="#">公职</a>
										<a href="#">财税外贸保险</a>
										<a href="#">建筑工程</a>
										<a href="#">计算机</a>
										<a href="#">医药卫生</a>
										<a href="#">艺术体育</a>
										<a href="#">考研</a>
										<a href="#">MBA/MPA/MPAC</a>
										<a href="#">公务员</a>
										<a href="#">事业单位</a>
										<a href="#">注册会计师</a>
										<a href="#">会计职称</a>
										<a href="#">会计从业</a>
										<a href="#">一级建造师</a>
										<a href="#">二级建造师</a>
										<a href="#">卫生职称</a>
										<a href="#">医师资格</a>
										<a href="#">人力资源管理</a>
										<a href="#">更多</a>
									</p>
								</div>
								<div>
									<a href="#">中小学教辅</a>
									<p>
										<a href="#">一年级</a>
										<a href="#">二年级</a>
										<a href="#">三年级</a>
										<a href="#">四年级</a>
										<a href="#">五年级</a>
										<a href="#">六年级</a>
										<a href="#">小学生初中</a>
										<a href="#">小学通用</a>
										<a href="#">七年级</a>
										<a href="#">八年级</a>
										<a href="#">九年级</a>
										<a href="#">中考</a>
										<a href="#">初中通用</a>
										<a href="#">高一</a>
										<a href="#">高二</a>
										<a href="#">高三</a>
										<a href="#">高考</a>
										<a href="#">高中通用</a>
										<a href="#">中小学阅读</a>
										<a href="#">英语专项</a>
										<a href="#">语文作文</a>
										<a href="#">工具书</a>
										<a href="#">学习方法</a>
										<a href="#">教育伦理</a>
										<a href="#">更多</a>
									</p>
								</div>
								<div class='cate_box_img'>
									<img src="img/cate_box_jy.jpg" alt="">
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>文艺</a><br/>
							<li><a href="#">文学</a></li><span class='line'>|</span>
							<li><a href="#">传记</a></li><span class='line'>|</span>
							<li><a href="#">艺术</a></li><span class='line'>|</span>
							<li><a href="#">摄影</a></li>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">文学</a>
									<p>
										<a href="#">文集</a>
										<a href="#">纪实文学</a>
										<a href="#">文学理论</a>
										<a href="#">中国古诗词</a>
										<a href="#">中国现当代诗</a>
										<a href="#">外国诗歌</a>
										<a href="#">中国古代随笔</a>
										<a href="#">中国现当代随</a>
										<a href="#">外国随笔</a>
										<a href="#">戏剧</a>
										<a href="#">民间文学</a>
										<a href="#">文学类考试</a>
										<a href="#">英文原版书</a>
										<a href="#">名家作品</a>
										<a href="#">文学评论与鉴赏</a>
									</p>
								</div>
								<div>
									<a href="#">传记</a>
									<p>
										<a href="#">财经人物</a>
										<a href="#">历代帝王</a>
										<a href="#">领袖首脑</a>
										<a href="#">军事人物</a>
										<a href="#">政治人物</a>
										<a href="#">历史人物</a>
										<a href="#">女性人物</a>
										<a href="#">法律人物</a>
										<a href="#">宗教人物</a>
										<a href="#">哲学家</a>
										<a href="#">教育家</a>
										<a href="#">艺术家</a>
										<a href="#">科学家</a>
										<a href="#">影视明星</a>
										<a href="#">人物合集</a>
										<a href="#">自传</a>
										<a href="#">学者</a>
										<a href="#">民间艺术</a>
										<a href="#">建筑学</a>
										<a href="#">其他</a>
									</p>
								</div>
								<div>
									<a href="#">艺术</a>
									<p>
										<a href="#">艺术理论</a>
										<a href="#">世界各国艺术</a>
										<a href="#">绘画</a>
										<a href="#">书法篆刻</a>
										<a href="#">影视/媒体</a>
										<a href="#">戏剧艺术</a>
										<a href="#">舞蹈</a>
										<a href="#">雕塑</a>
										<a href="#">设计</a>
										<a href="#">人体艺术</a>
										<a href="#">工艺美术</a>
										<a href="#">民间艺术</a>
										<a href="#">建筑艺术</a>
										<a href="#">艺术类考试</a>
										<a href="#">收藏鉴赏</a>
										<a href="#">小人书/连环</a>
										<a href="#">英文原版书</a>
									</p>
								</div>
								<div>
									<a href="#">摄影</a>
									<p>
										<a href="#">摄影伦理</a>
										<a href="#">摄影入门</a>
										<a href="#">分类摄影</a>
										<a href="#">摄影进阶</a>
										<a href="#">摄影器材</a>
										<a href="#">技法/教程</a>
										<a href="#">后期处理</a>
										<a href="#">作品集/作品</a>
										<a href="#">英文原版书</a>
									</p>
								</div>
								<div class='cate_box_img'>
									<img src="img/cate_box_wy.jpg" alt="">
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>童书</a><br/>
							<li><a href="#">图画书</a></li><span class='line'>|</span>
							<li><a href="#">文学</a></li><span class='line'>|</span>
							<li><a href="#">英语</a></li><span class='line'>|</span>
							<li><a href="#">睡前故事</a></li>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">童书</a>
									<p>
										<a href="#">0-2岁</a>
										<a href="#">3-6岁</a>
										<a href="#">7-10岁</a>
										<a href="#">11-14岁</a>
										<a href="#">中国儿童文学</a>
										<a href="#">外国儿童文学</a>
										<a href="#">精装图画书</a>
										<a href="#">平装图画书</a>
										<a href="#">励志成长</a>
										<a href="#">科普/百科</a>
										<a href="#">婴儿读物</a>
										<a href="#">幼儿启蒙</a>
										<a href="#">益智游戏</a>
										<a href="#">玩具书</a>
										<a href="#">动漫/卡通</a>
										<a href="#">少儿英语</a>
										<a href="#">进口儿童书</a>
										<a href="#">少儿期刊</a>
										<a href="#">阅读工具书</a>
										<a href="#">更多</a>
									</p>
								</div>
								<div class='cate_box_img'>
									<img src="img/cate_box_child.jpg" alt="">
								</div>
							</div>
						</div>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>生活</a><br/>
							<li><a href="#">孕期</a></li><span class='line'>|</span>
							<li><a href="#">育儿/早教</a></li><span class='line'>|</span>
							<li><a href="#">亲自家教</a></li><span class='line'>|</span>
							<li><a href="#">手工/DIY</a></li><span class='line'>|</span>
							<li><a href="#">保健</a></li><span class='line'>|</span>
							<li><a href="#">美妆</a></li><span class='line'>|</span>
							<li><a href="#">美食</a></li><span class='line'>|</span>
							<li><a href="#">旅游</a></li><span class='line'>|</span>
							<li><a href="#">休闲</a></li><span class='line'>|</span>
							<li><a href="#">家庭/家居</a></li><span class='line'>|</span>
							<li><a href="#">风水占卜</a></li>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">休闲/爱好</a>
									<p>
										<a href="#">游戏</a>
										<a href="#">宠物杂事</a>
										<a href="#">车载户外</a>
									</p>
								</div>
								<div>
									<a href="#">孕产/胎教</a>
									<p>
										<a href="#">孕前准备</a>
										<a href="#">胎教</a>
										<a href="#">孕期</a>
										<a href="#">孕产妇健康</a>
										<a href="#">产后管理</a>
									</p>
								</div>
								<div>
									<a href="#">烹饪/美食</a>
									<p>
										<a href="#">家常菜谱</a>
										<a href="#">烘焙甜品</a>
										<a href="#">药膳食疗</a>
										<a href="#">西餐料理</a>
										<a href="#">茶酒饮料</a>
										<a href="#">饮食文化</a>
										<a href="#">地方美食</a>
									</p>
								</div>
								<div>
									<a href="#">时尚/美装</a>
									<p>
										<a href="#">瑜伽</a>
										<a href="#">时尚</a>
										<a href="#">奢饰品</a>
										<a href="#">瘦身美体</a>
										<a href="#">摄影器材</a>
									</p>
								</div>
								<div>
									<a href="#">旅游/地图</a>
									<p>
										<a href="#">国内自助游</a>
										<a href="#">国外自助游</a>
										<a href="#">城市自助游</a>
										<a href="#">户外探险</a>
										<a href="#">旅游攻略</a>
									</p>
								</div>
								<div>
									<a href="#">育儿/早教</a>
									<p>
										<a href="#">育儿百科</a>
										<a href="#">早教/亲子</a>
										<a href="#">幼儿饮食</a>
										<a href="#">婴幼儿护理</a>
										<a href="#">亲子关系</a>
									</p>
								</div>
								<div>
									<a href="#">保健/养生</a>
									<p>
										<a href="#">中医养生</a>
										<a href="#">饮食健康</a>
										<a href="#">药膳食疗</a>
										<a href="#">运动健康</a>
										<a href="#">中老年养生</a>
										<a href="#">健康百科</a>
									</p>
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>人文社科</a><br/>
							<li><a href="#">历史</a></li><span class='line'>|</span>
							<li><a href="#">古籍</a></li><span class='line'>|</span>
							<li><a href="#">哲学/宗教</a></li><span class='line'>|</span>
							<li><a href="#">文化</a></li><span class='line'>|</span>
							<li><a href="#">政治/军事</a></li><span class='line'>|</span>
							<li><a href="#">法律</a></li><span class='line'>|</span>
							<li><a href="#">社会科学</a></li><span class='line'>|</span>
							<li><a href="#">心理学</a></li>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">历史</a>
									<p>
										<a href="#">历史普及读物</a>
										<a href="#">中国史</a>
										<a href="#">世界史</a>
										<a href="#">史学伦理</a>
										<a href="#">历史随笔</a>
										<a href="#">文物考古</a>
										<a href="#">历史地理</a>
										<a href="#">口述史</a>
										<a href="#">史料典籍</a>
										<a href="#">更多</a>
									</p>
								</div>
								<div>
									<a href="#">文化</a>
									<p>
										<a href="#">中国文化</a>
										<a href="#">文化评述</a>
										<a href="#">文化随笔</a>
										<a href="#">神秘文化</a>
										<a href="#">地域文化</a>
									</p>
								</div>
								<div>
									<a href="#">心理学</a>
									<p>
										<a href="#">心理百科</a>
										<a href="#">学历学著作</a>
										<a href="#">心理学咨询</a>
										<a href="#">心理学理论</a>
										<a href="#">儿童心理学</a>
										<a href="#">心灵疗俞</a>
										<a href="#">社会心理学</a>
										<a href="#">积极心理学</a>
										<a href="#">色彩心理学</a>
										<a href="#">人格心理学</a>
									</p>
								</div>
								<div>
									<a href="#">社会科学</a>
									<p>
										<a href="#">社会科学总论</a>
										<a href="#">社会学</a>
										<a href="#">文化人类学</a>
										<a href="#">新闻传播</a>
										<a href="#">语言文学</a>
										<a href="#">名家作品更多类</a>
										<a href="#"></a>
									</p>
								</div>
								<div>
									<a href="#">法律</a>
									<p>
										<a href="#">民法</a>
										<a href="#">经济法</a>
										<a href="#">法律法规</a>
										<a href="#">法律事务</a>
										<a href="#">理论法学</a>
										<a href="#">刑法</a>
										<a href="#">法律随笔</a>
									</p>
								</div>
							</div>
							<div class='cate_box_img'>
								<img src="img/cate_box_resk.jpg" alt="">
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>励志成功</a>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">成功励志</a>
									<p>
										<a href="#">人生哲学</a>
										<a href="#">成功激励</a>
										<a href="#">心灵与修养</a>
										<a href="#">性格与习惯</a>
										<a href="#">智商/智谋</a>
										<a href="#">情商/情绪管理</a>
										<a href="#">财富/财商</a>
										<a href="#">人在职场</a>
										<a href="#">人际交往</a>
										<a href="#">处世学</a>
										<a href="#">礼仪</a>
										<a href="#">口才演讲</a>
										<a href="#">名人励志</a>
										<a href="#">名言/格言</a>
										<a href="#">女性励志</a>
										<a href="#">励志经典著作</a>
									</p>
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>科技</a><br/>
							<li><a href="#">科普</a></li><span class='line'>|</span>
							<li><a href="#">建筑</a></li><span class='line'>|</span>
							<li><a href="#">医学</a></li><span class='line'>|</span>
							<li><a href="#">计算机</a></li><span class='line'>|</span>
							<li><a href="#">农林</a></li><span class='line'>|</span>
							<li><a href="#">自然科学</a></li><span class='line'>|</span>
							<li><a href="#">工业</a></li>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">科普读物</a>
									<p>
										<a href="#">宇宙知识</a>
										<a href="#">人类故事</a>
										<a href="#">生物世界</a>
										<a href="#">科学世界</a>
										<a href="#">生态环境</a>
										<a href="#">百科知识</a>
										<a href="#">英文原版书</a>
									</p>
								</div>
								<div>
									<a href="#">建筑</a>
									<p>
										<a href="#">建筑史与建筑</a>
										<a href="#">建筑科学</a>
										<a href="#">建筑外观设计</a>
										<a href="#">室内设计</a>
										<a href="#">工程经济</a>
										<a href="#">城乡规划</a>
										<a href="#">园林景观</a>
										<a href="#">标准规划</a>
										<a href="#">建筑教材</a>
										<a href="#">职业资格考试</a>
										<a href="#">英文原版书</a>
									</p>
								</div>
								<div>
									<a href="#">医学</a>
									<p>
										<a href="#">预防医学</a>
										<a href="#">临床医学理论</a>
										<a href="#">内科学</a>
										<a href="#">外科学</a>
										<a href="#">妇产科学</a>
										<a href="#">儿科学</a>
										<a href="#">护理学</a>
										<a href="#">中医</a>
										<a href="#">药学</a>
										<a href="#">医学工具书</a>
										<a href="#">医院管理</a>
										<a href="#">医疗器械</a>
									</p>
								</div>
								<div>
									<a href="#">农林/林业</a>
									<p>
										<a href="#">农业基础</a>
										<a href="#">农业工程</a>
										<a href="#">植物保护</a>
										<a href="#">农作物</a>
										<a href="#">园艺</a>
										<a href="#">林业</a>
										<a href="#">畜牧业</a>
										<a href="#">水产/渔业</a>
										<a href="#">动物医学</a>
									</p>
								</div>
								<div>
									<a href="#">自然科学</a>
									<p>
										<a href="#">总论</a>
										<a href="#">数学</a>
										<a href="#">力学</a>
										<a href="#">物理学</a>
										<a href="#">化学</a>
										<a href="#">地球科学</a>
										<a href="#">生物科学</a>
										<a href="#">科技史</a>
										<a href="#">自然科技</a>
									</p>
								</div>
								<div>
									<a href="#">工业技术</a>
									<p>
										<a href="#">一般工业技术</a>
										<a href="#">机械仪表</a>
										<a href="#">电工技术</a>
										<a href="#">电子通信</a>
										<a href="#">化学工业</a>
										<a href="#">冶金工程</a>
										<a href="#">矿业工程</a>
										<a href="#">金属学与金属</a>
										<a href="#">武器工业</a>
										<a href="#">安全科学</a>
										<a href="#">水利工程</a>
										<a href="#">环境科学</a>
									</p>
								</div>
								<div class='cate_box_img'>
									<img src="img/cate_box_science.jpg" alt="">
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>工具书</a>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">工具书</a>
									<p>
										<a href="#">汉语工具书</a>
										<a href="#">英语工具书</a>
										<a href="#">其他工具书</a>
										<a href="#">百科全书</a>
										<a href="#">文学鉴赏辞典</a>
										<a href="#">牛津系列</a>
										<a href="#">朗文系列</a>
										<a href="#">民族语工具书</a>
										<a href="#">英文原版书</a>
										<a href="#">更多</a>
									</p>
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>经管</a><br/>
							<li><a href="#">管理</a></li><span class='line'>|</span>
							<li><a href="#">投资理财</a></li><span class='line'>|</span>
							<li><a href="#">经济</a></li><span class='line'>|</span>
							<li><a href="#">音像</a></li>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">管理</a>
									<p>
										<a href="#">一般管理学</a>
										<a href="#">会计</a>
										<a href="#">市场营销</a>
										<a href="#">战略管理</a>
										<a href="#">生产与运作</a>
										<a href="#">管理信息系统</a>
										<a href="#">金融投资</a>
										<a href="#">创业企业</a>
										<a href="#">商业史传</a>
										<a href="#">WTO</a>
										<a href="#">电子商务</a>
										<a href="#">工具书</a>
										<a href="#">MBA</a>
										<a href="#">商务沟通</a>
										<a href="#">经管音像</a>
										<a href="#">管理类职称考试</a>
									</p>
								</div>
								<div>
									<a href="#">投资理财</a>
									<p>
										<a href="#">证券/股票</a>
										<a href="#">基金</a>
										<a href="#">期货</a>
										<a href="#">外汇</a>
										<a href="#">保险</a>
										<a href="#">彩票</a>
										<a href="#">购房置业</a>
										<a href="#">纳税</a>
										<a href="#">投资指南</a>
										<a href="#">女性理财</a>
										<a href="#">黄金投资</a>
									</p>
								</div>
								<div>
									<a href="#">经济</a>
									<p>
										<a href="#">经济学理论</a>
										<a href="#">各流派经理学</a>
										<a href="#">经济数学</a>
										<a href="#">区域经济</a>
										<a href="#">财政税收</a>
										<a href="#">统计审计</a>
										<a href="#">贸易政策</a>
										<a href="#">通货膨胀</a>
										<a href="#">中国经济</a>
										<a href="#">国际经济</a>
										<a href="#">经济法</a>
										<a href="#">保险</a>
										<a href="#">经济史</a>
										<a href="#">工具书</a>
										<a href="#">经济通俗读物</a>
										<a href="#">财税外贸保险</a>
									</p>
								</div>
								<div class='cate_box_img'>
									<img src="img/cate_box_econ.jpg" alt="">
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul>
							<a href="#" class='contain'>英文原版书</a>
						</ul>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div>
									<a href="#">英文原版书</a>
									<p>
										<a href="#">学习考试</a>
										<a href="#">小说</a>
										<a href="#">传记</a>
										<a href="#">艺术</a>
										<a href="#">摄影</a>
										<a href="#">旅游与地理</a>
										<a href="#">其他原版书</a>
										<a href="#">经管类</a>
										<a href="#">人文社科</a>
										<a href="#">儿童书</a>
										<a href="#">语言学习</a>
										<a href="#">计算机</a>
										<a href="#">美食</a>
										<a href="#">医学</a>
										<a href="#">建筑学</a>
										<a href="#">健康与心理</a>
										<a href="#">家庭育儿</a>
									</p>
								</div>
							</div>
						</div>
					</li>
					<li class='chuck'>
						<ul><a href="#" class='contain'>文化礼品/工艺品</a></ul>
					</li>
					<li class='chuck'>
						<ul><a href="#" class='contain'>期刊</a></ul>
					</li>
					<li class='chuck'>
						<ul><a href="#" class='contain'>人文社科</a></ul>
					</li>
				</ul>
			</div>
			<!-- 商品广告轮播 -->
			<div id='ad'>
				<div id="header_ad">
					<ul id="imgs"></ul>
					<ul id="idxs"></ul>
				</div>
			</div>
			<!-- 右侧动态 -->
			<div id="header-right" class='rt'>
				<!-- 最新动态 -->
				<div id="dynamic" class='lf'>
					<ul>
						<li class='new'>最新动态</li>
						<li><a href="#">诚品书店推荐的设计大师书单</a></li>
						<li><a href="#">阅文字王国，30万图书5折6折</a></li>
						<li><a href="#">凯叔‘哄睡神器’小诗仙全国独家首发</a></li>
					</ul>	
				</div>
				<!-- 新书预售 -->
				<div id="presell" class='lf'>
					<ul>
						<li class="new">最新预售</li>
						<li class='new_right rt'><a href="#">预售更多</a></li>
						<li class='new_img lf'><img src="img/nb1.jpg" alt=""></li>
						<li class='new_p rt'><a href="#">哈利波特与被诅咒的孩子(新书)</a></li>
						<li><b>￥53.90</b></li>
					</ul>
					<!-- <ul class='p_list'> -->
						<!-- <li>1</li> -->
						<!-- <li>2</li> -->
						<!-- <li>3</li> -->
						<!-- <li>4</li> -->
					<!-- </ul> -->
				</div>
			</div>
			<!-- 新书上架部分 -->
			<section id="blist">
				<div class='now_host'><p>新</p><b>书上架</b></div>
				<ul>
					<!--<li>
                        <a href="#"><img src="img/b45.jpg" alt=""/></a>
                        <p>￥39.00</p>
                        <h1><a href="#">百年童话绘本 经典版百年童话绘本 经典</a></h1>
                    </li>-->
				</ul>
				<ol class="pager" class='rt'>
					<!--<li><a href="#">1</a></li>-->
					<!--<li><a href="#">2</a></li>-->
				</ol>
			</section>
			<!-- 销售榜单部分 -->
			<div id="sell_good" class='rt'>
				<ul class='sell_hea'>
					<li class='active'><a href="#sell_con_list">总榜</a></li>
					<li><a href="#sell_con_child">童书</a></li>
					<li><a href="#sell_con_manage">管理</a></li>
					<li><a href="#sell_con_ambition">青春</a></li>
					<li><a href="#sell_con_econ">文学</a></li>
				</ul>
				<div id='sell_con'>
					<ul id='sell_con_list' class='active'>
						<li><b>1</b><a href="#">好吗好的</a></li>
						<li><b>2</b><a href="#">好妈妈胜过好老师</a></li>
						<li><b>3</b><a href="#">丝绸之路</a></li>
						<li><b>4</b><a href="#">古汉语常用字字典</a></li>
						<li class='img_li'>
							<b>5</b>
							<img src="img/product/rt1.jpg">
						</li>
						<li><b>6</b><a href="#">再见,萤火虫小巷</a></li>
						<li><b>7</b><a href="#">月亮与六便士</a></li>
						<li><b>8</b><a href="#">我想和你在一起</a></li>
						<li><b>9</b><a href="#">古汉语常用字字典</a></li>
						<li class='gtten'><b>10</b><a href="#">钓鱼的男孩</a></li>
						<a class='total_list rt' href="#">查看完整榜单>></a>
					</ul>
					<ul id='sell_con_child'>
						<li class='img_li'>
							<b>1</b>
							<img src="img/product/rt2.jpg">
						</li>
						<li><b>2</b><a href="#">神奇校车 手工益智版</a></li>
						<li><b>3</b><a href="#">我的第一本大中华寻宝漫</a></li>
						<li><b>4</b><a href="#">给孩子的汉字王国</a></li>
						<li><b>5</b><a href="#">数学星球</a></li>
						<li><b>6</b><a href="#">孩子，你该如何自我保护</a></li>
						<li><b>7</b><a href="#">米娅的魔法头发</a></li>
						<li><b>8</b><a href="#">独生小孩</a></li>
						<li><b>9</b><a href="#">团结伙伴一起解决问题</a></li>
						<li class='gtten'><b>10</b><a href="#">凯叔选给孩子的99首古诗</a></li>
						<a class='total_list rt' href="#">查看完整榜单>></a>
					</ul>
					<ul id='sell_con_manage'>
						<li><b>1</b><a href="#">网红经济3.0</a></li>
						<li><b>2</b><a href="#">抢单手记</a></li>
						<li class='img_li'>
							<b>3</b>
							<img src="img/product/rt3.jpg">
						</li>
						<li><b>4</b><a href="#">鞋狗:耐克创始人菲尔.奈特</a></li>
						<li><b>5</b><a href="#">变革的基因</a></li>
						<li><b>6</b><a href="#">工匠精神:学习型员工进阶</a></li>
						<li><b>7</b><a href="#">阿里巴巴</a></li>
						<li><b>8</b><a href="#">胡作非为:任性之本与金融</a></li>
						<li><b>9</b><a href="#">领导力</a></li>
						<li class='gtten'><b>10</b><a href="#">下一个倒下的会不会是华</a></li>
						<a class='total_list rt' href="#">查看完整榜单>></a>
					</ul>
					<ul id='sell_con_ambition'>
						<li><b>1</b><a href="#">斗罗大陆3龙王传说8唐家</a></li>
						<li><b>2</b><a href="#">爵迹套装</a></li>
						<li><b>3</b><a href="#">手藏（上）玄色</a></li>
						<li><b>4</b><a href="#">杨洋新书 自在YOUNG</a></li>
						<li><b>5</b><a href="#">浮生物语4(下)</a></li>
						<li class='img_li'>
							<b>6</b>
							<img src="img/product/rt4.jpg">
						</li>
						<li><b>7</b><a href="#">余生，请多指教</a></li>
						<li><b>8</b><a href="#">全世界只有我可以欺负你</a></li>
						<li><b>9</b><a href="#">那个不为人知的故事</a></li>
						<li class='gtten'><b>10</b><a href="#">自在?YOUNG</a></li>
						<a class='total_list rt' href="#">查看完整榜单>></a>
					</ul>
					<ul id='sell_con_econ'>
						<li class='img_li'>
							<b>1</b>
							<img src="img/product/rt5.jpg">
						</li>
						<li><b>2</b><a href="#">把生活过成想要的样子</a></li>
						<li><b>3</b><a href="#">在慌乱的世界，不慌不</a></li>
						<li><b>4</b><a href="#">厚积落叶听雨声</a></li>
						<li><b>5</b><a href="#">我想和你在一起</a></li>
						<li><b>6</b><a href="#">不由分说爱上这世界</a></li>
						<li><b>7</b><a href="#">旅行与读书</a></li>
						<li><b>8</b><a href="#">该不该在一起</a></li>
						<li><b>9</b><a href="#">所有的遗憾都是成全</a></li>
						<li class='gtten'><b>10</b><a href="#">于丹:此心光阴万物生</a></li>
						<a class='total_list rt' href="#">查看完整榜单>></a>
					</ul>
				</div>
				</div>
			</div>
		</div>
	</div>

<!-- 主体 独家特供部分 -->
	<div class='bg_content lf'>
		<div id='content'>
			<ul class='content-hea lf'>
					<li class="active" data-book-type="zd_book"><a href="#">主打</a></li>
					<li data-book-type="child_book"><a href="#">童书</a></li>
					<li data-book-type="art_book"><a href="#">文艺</a></li>
					<li data-book-type="story_book"><a href="#">小说</a></li>
					<li data-book-type="youth_book"><a href="#">青春励志</a></li>
					<li data-book-type="social_book"><a href="#">社科</a></li>
					<li data-book-type="econ_book"><a href="#">经管</a></li>
					<li data-book-type="life_book"><a href="#">生活</a></li>
					<li data-book-type="edu_book"><a href="#">教育</a></li>
					<li data-book-type="elec_book"><a href="#">电子书</a></li>
			</ul>
			<div id='content_con' class='lf'>
				<div class='unique'>
					<p>独</p><b>家特供</b>
				</div>
				<ul class='content_body'>
					<!--<li>
                        <a href="#"><img src="img/b46.jpg" alt=""/></a>
                        <p>￥39.00</p>
                        <h1><a href="#">百年童话绘本 经典版百年童话绘本 经典</a></h1>
                    </li>-->
				</ul>
			</div>
			<div id='division'>
				<img src="img/dm1.jpg" alt="" />
				<img src="img/dm5.jpg" alt="" />
				<img src="img/dm6.jpg" alt="" />
			</div>
		</div>
	</div>

<!-- 热门作者 -->
	<div id='host_writer'>
		<div class='host_w_hea'>
			<ul>
				<li class='active'><a href="#">热门作者</a></li>
				<li><a href="#">名人堂</a></li>
				<li><a href="#">新悦作家</a></li>
			</ul>
		</div>
		<div class='host_content'>
			<ul class='lf'>
				<li class='writer_img'><img src="img/1.jpg" alt="" /></li>
				<li class='ddz'><a href="#">丁丁张</a></li>
				<li class='jianjie'>丁丁张，媒体人,畅销书作家,专栏作者,现任青春光线总裁。文学作品以少有的犀利简洁风格、一针见血的独到观点,获得了万千读者的喜爱和热捧。<br />COSMO、GQ、文艺风赏杂志、悦己杂志撰写专栏,剖析两性、看明星、观察生活。丁丁张先生，2005年加入北京光线传媒有限责任公司，现任光线传媒青春光线总裁。<br>他的第一部作品《人生需要揭穿》一经上市就引来好评无数，现销售已突破20万册，成为2012年中国出版界跑得最快的一匹黑马。第二部作品《世界与你无关》现已上市。丁丁张为新生代揭穿型作家与情感顾问。</li>
			</ul>
			<ul class='lf'>
				<li class='writer_img'><img src="img/2.jpg" alt="" /></li>
				<li class='ddz'><a href="#">尹建莉</a></li>
				<li class='jianjie'>中国最畅销亲子教育书《好妈妈胜过好老师》及《好妈妈胜过好老师2》作者。中国教育学会家庭教育专业委员会常务理事，北京师范大学教育硕士，中国家庭教育领域标志性人物。教育界评价：当代中国家庭的教育，如果没有尹建莉就不算完整。女儿圆圆被评为北京市市级三好生。16岁高考，被内地和香港两所名校同时录取。现已于美国常春藤盟校硕士毕业。<br>《好妈妈胜过好老师》是2009以来很为家长们所推崇并引起了阅读热潮的好书。在这本书里，我们不仅看到了成功的教育方法，更看到了关于“母爱”的全新解读方式</li>
			</ul>
			<ul class='lf'>
				<li class='writer_img'><img src="img/3.png" alt="" /></li>
				<li class='ddz'><a href="#">稻盛和夫</a></li>
				<li class='jianjie'>稻盛和夫，被誉为日本的“经营之圣、人生之师”，日本企业家兼哲学家第一人。先后创办两家企业都进入过世界500强。现任京瓷和日航名誉会长，KDDI最高顾问。《阿米巴经营》是他最重要的代表作，他的经营哲学得到孙正义、马云、张瑞敏的极力推荐。<br>阿米巴经营模式被誉为“京瓷经营成功的两大支柱之一”。本书详细阐述了阿米巴经营的操作方法，总结了稻盛和夫的经营观点和实践经验，是学习阿米巴经营的必读书。</li>
			</ul>
		</div>
	</div>
	<div id='division'>
		<img src="img/dm2.jpg" alt="" />
		<img src="img/dm3.jpg" alt="" />
		<img src="img/dm4.jpg" alt="" />
	</div>


<!-- 战略伙伴 -->
	<div id='cooperation'>
		<p>战略合作伙伴</p>
		<ul>
			<li><a href="#">二十一世纪出版社</a></li>
			<li><a href="#">爱心树童书</a></li>
			<li><img src="img/ft1.jpg" alt="" /></li>
		</ul>
		<ul>
			<li><a href="#">湖南少年儿童出版社</a></li>
			<li><a href="#">长江少年儿童出版社</a></li>
			<li><img src="img/ft2.jpg" alt="" /></li>
		</ul>
		<ul>
			<li><a href="#">新疆少年儿童出版社</a></li>
			<li><a href="#">新番出版社</a></li>
			<li><img src="img/ft3.jpg" alt="" /></li>
		</ul>
		<ul>
			<li><a href="#">北京双螺旋文化交流有限公司</a></li>
			<li><a href="#">北京歪歪兔教育科技有限公司</a></li>
			<li><img src="img/ft4.jpg" alt="" /></li>
		</ul>
		<ul>
			<li><a href="#">皮皮鲁总动员</a></li>
			<li><a href="#">乐乐趣童书馆</a></li>
			<li><img src="img/ft5.jpg" alt="" /></li>
		</ul>
	</div>
	<div id='coo_bott'>
		<img src="img/coo-bott.jpg" alt="" />
	</div>
		

<!--模态登录对话框-->
    <div class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <h4>用户登录</h4>
                <p class="alert">
                   请在此处输入您的注册信息。
                </p>
                <form id="login-form">
                    <input type="text" placeholder="请输入登录用户名" name="uname" value="miaomiao">
                    <input type="password" placeholder="请输入登录密码" name="upwd" value="123456">
                    <input type="button" value="提交登录信息" id="bt-login">
                </form>
            </div>
        </div>
    </div>

<!-- 页脚 -->
	<div id='bottom'></div>

<script src="js/jquery-1.11.3.js"></script>
<script src="js/miao.js"></script>
<script src="js/login.js"></script>

</body>
</html>
